<!--
 * @Author: hifishroom
 * @Date: 2021-08-23 18:56:28
 * @LastEditTime: 2021-09-04 13:08:34
 * @FilePath: \backstage\src\views\home\DetailModelView.vue
-->
<template>
  <div class="DetailModel">
    <h1 class="text-center iconfont detail-title">
      <em class="mr">&#xe88c;</em>座落分类
    </h1>
    <div class="flex">
      <detail-item
        v-for="(item, index) in itemList"
        :key="index"
        :list="item"
      />
    </div>
  </div>
</template>

<script>
import DetailItem from "components/content/detailItem/DetailItem.vue";
export default {
  components: { DetailItem },
  name: "DetailModelView",
  computed: {
    itemList() {
      return this.$store.state.detailModelList;
    }
  }
};
</script>

<style lang="scss">
.DetailModel {
  height: 360px;
  margin-top: 20px;
  gap: 15px;
}

.detail-title {
  font-size: 30px;
  margin-bottom: 20px;
}
</style>
